<template>
  <div class="swipper-box">
    <swiper :options="swiperOption" ref="mySwiper" >

      <swiper-slide v-for="item in swipperList" :key="item.id">
        <img class="swipper-img" :src="item.imgUrl" alt="">
      </swiper-slide>

    </swiper>
  </div>
</template>

<script>
    export default {
        name: "GoodsSwiper",
      props:{
          swipperList:Array
      },
      data() {
        return {
          swiperOption: {
            loop:true,
            }
        }
      },
    }
</script>

<style scoped lang="stylus">
  .swipper-box
    height 0
    overflow hidden
    padding-bottom 100%
    .swipper-img
      width 100%
</style>
